.page{
	color: #3D3C43;
	padding-bottom: px(58);
	box-sizing: border-box;
	.s1{
		padding: px(12) px(15);
		.wrap{
			position: relative;
			padding: px(15);
			background: #FFFFFF;
			box-shadow: 0px px(1) px(1) 0px rgba(0, 0, 0, 0.06);
			border-radius: px(4);
			.inp{
				width: 100%;
				height: px(244);
				line-height: px(24);
				box-sizing: border-box;
				font-size: px(16);
				border: 0;
				resize: none;
			}
			.p1{
				margin-top: px(10);
				text-align: right;
				font-size: px(12);
				color: #999;
			}
			.at{
				position: relative;
				padding-left: px(5);
				height: px(24);
				line-height: px(24);
				background: rgba($color-primary, 0.15);
				color: $color-primary;
				border-radius: px(2);
				font-size: px(10);
			}

			&.at{
				.inp{
					text-indent: 6em;
				}
				.at{
					display: flex;
					align-items: center;
					position: absolute;
					top: px(15);
					left: px(15);
					background: rgba($color-danger,.15);
					color: $color-danger;
					.del{
						display: block;
						position: relative;
						width: px(24);
						height: px(24);
						&:before,&:after{
							content: "";
							position: absolute;
							top: 50%;
							left: 50%;
							width: px(10);
							height: px(1);
							background: $color-primary;
							transform: translate(-50%,-50%) rotate(45deg);
						}
						&:after{
							transform: translate(-50%,-50%) rotate(-45deg);
						}
					}
				}
			}
		}
	}
}

